<template>
    <SearchBar></SearchBar>
    <div class="content-box">
        <component :is="page"></component>
    </div>
</template>

<script>
import SearchBar from "./components/SearchBar.vue";
import HomePage from "./views/HomePage.vue"
import FilmsPage from "./views/FilmsPage.vue"
export default {
    components:{
        SearchBar,
        HomePage,FilmsPage
    },
    data() {
        return {
            page: "HomePage"
        }
    },
}
</script>

<style>
.content-box {
    background-color: #cccccc;
    position: absolute;
    top: 1rem;
    bottom: 0rem;
    left: 0rem;
    right: 0rem;
}

</style>